<template>
    <div>
        <Row class="margin-top-10" :gutter="10">
            <Col :md="24" :lg="24">
                 <Card>
                    <p slot="title" class="card-title">
                        <Row class="" :gutter="10">
                            <Col :md="4" :lg="2">
                                <div style="margin-top: 2px;">
                                    <Icon type="ios-pulse"></Icon>
                                    {{this.$route.meta.title}}
                                </div>
                            </Col>
                            <Col :md="20" :lg="22">
                            
                                <Form :model="formItem" label-position="left" inline>
                                    <FormItem :label-width="45" label="用户名：">
                                        <Input size="small" v-model="formItem.input" style="width: 120px" placeholder="请输入用户名"></Input>
                                    </FormItem>
                                    <FormItem :label-width="58" label="时间范围：">
                                        <DatePicker size="small" type="daterange" placement="bottom-end" placeholder="选择日期" style="width: 200px"></DatePicker>
                                    </FormItem>
                                    <Button type="primary"  size="small" style="margin-top: 5px;">查询</Button>
                                    <Button type="ghost"  size="small" style="margin-top: 5px;">重置</Button>
                                    <!-- <Button type="primary"  size="small" style="float: right;">添加管理员</Button>                                     -->
                                </Form>
                            </Col>
                        </Row>
                    </span>
                    <div class="line-chart-con">
                        <Table border stripe :columns="title" :data="data" ></Table>
                        <Row class="margin-top-10" :gutter="10">
                            <Col :md="12" :lg="12">
                                <Page :total="6"  class-name="page-margin-top" show-elevator></Page>
                            </Col>
                            <Col :md="12" :lg="12">
                                
                            </Col>
                        </Row>
                        
                    </div>
                </Card>
            </Col>
            
        </Row>

        <!-- <button v-on:click="openDialog" >openDialog</button> -->
    </div>
</template>
<style lang="less">
    // .ivu-form-item{
    //     margin-bottom:0px;
    // }
    .ivu-card-head-inner, .ivu-card-head p{
        height: auto;
        overflow: inherit;
    }
    .page-margin-top{
        margin-top:10px;
    }
    .ivu-modal-wrap{
        display: flex;
        align-items: center;
        justify-content: center;

        .ivu-modal{
            top: 0;
        }
    }
</style>
<script>


export default {
    components: {
        
    },
    data () {
        return {
            formItem:{
                    input:''
            },
            popup:false,
            cityList: [
                    {
                        value: '用户名',
                        label: '用户名'
                    },
                    {
                        value: '充值码',
                        label: '充值码'
                    },
                    {
                        value: '姓名',
                        label: '姓名'
                    }
                    
                ],
                model2: '用户名',
            data:[
                {
                    username:'zhangsan',
                    dj:'0',
                    cd:'0',
                },
                {
                    username:'lishi',
                    dj:'1',
                    cd:'0',
                },
                {
                    username:'wangwu',
                    dj:'0',
                    cd:'1',
                },
                {
                    username:'zhangsan',
                    dj:'0',
                    cd:'0',
                },
                {
                    username:'lishi',
                    dj:'1',
                    cd:'0',
                },
                {
                    username:'wangwu',
                    dj:'0',
                    cd:'1',
                },
                {
                    username:'zhangsan',
                    dj:'0',
                    cd:'0',
                },
                {
                    username:'lishi',
                    dj:'1',
                    cd:'0',
                },
                {
                    username:'wangwu',
                    dj:'0',
                    cd:'1',
                },
                
            ],
            title:[
                {
                    type: 'selection',
                    width: 60,
                    align: 'center'
                },
                {
                    title:'编号',
                    key: '',
                    align:'center',
                },
                {
                    title:'用户名',
                    key: '',
                    align:'center',
                },
                {
                    title:'内容',
                    key: '',
                    align:'center',
                },
                {
                    title:'IP',
                    key: '',
                    align:'center',
                },
                {
                    title:'时间',
                    key: '',
                    width: 200,
                    align:'center',
                },
            ]
                
            
        }
    },
    computed: {
        
    },
    methods: {
        // 树，点击节点
        nodeClick:function(m){
            
            
        },
        // 树，右击事件
        contextmenuClick:function(m){
            
            
        },
        //编辑用户信息
        userEdit(i){
            this.popup=!this.popup
            
        },
        //返水
        backFlow(i){

        },
        //下级
        lookSubordinate(i){
            
        },
        //上级
        lookSuperiors(i){

        },
    }
};
</script>
